@import "header.html"
<link rel="stylesheet" href="../css/settle.css">
<link rel="stylesheet" href="../css/mobileSelect.css">


<body>
<main id="main" v-cloak>


    <header class="fxj-header" @click="todetail()">
        <a href="#"> &nbsp;<</a>
        <h1 class="fxj-title" v-cloak>结算详情</h1>
    </header>


    <main class="pub_main " v-cloak>
        <div class="mui-content">
            <ul class="mui-row marrow rem1_margin">
                <li class="mui-table-view-cell groupCell center">
                    <span>订单详情</span>
                </li>
            </ul>

            <ul class="mui-table-view diulei">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">房租合计:{{data.payPrice}}</a>
                    <div class="mui-collapse-content">
                        <p><span class="span_0"></span><span class="span_40"></span><span class="span_100"></span></p>

                        <p><span class="span_0">日期</span><span class="span_40">单价</span><span class="span_45">服务费</span><span
                                class="span_65">折扣</span><span class="span_100">备注</span></p>

                        <!--<p v-for="day in list"><span class="span_0">{{}}</span><span class="span_40">￥{{}}</span><span class="span_100">{{}}</span></p>-->

                        <p v-for="de in data.list"><span class="span_0">{{de.date}}</span><span class="span_40">￥{{de.price}}</span><span
                                class="span_45">￥{{de.commission}}</span><span
                                class="span_65">￥{{de.discount_price}}</span><span class="span_100"
                                                                                   v-if="!de.remark">无</span><span
                                class="span_100">{{de.remark}}</span></p>


                    </div>


                </li>
            </ul>
            <ul class="mui-table-view diulei">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">退款合计:{{data.refundTotal}}</a>
                    <div class="mui-collapse-content">
                        <p class="pwhite"><span class="span_0">房客支付定金：${{data.deposit}}</span></p>
                        <p class="pwhite"><span class="span_0">房租实住{{data.dayTotal}}（天）：￥{{data.amount}}</span></p>
                        <p class="pwhite"><span class="span_0">应付违约金：￥{{data.liquidatedDamages}}</span></p>
                    </div>
                </li>
            </ul>
            <ul class="mui-row marrow">
                <li class="mui-table-view-cell infraCell settlecell">
                    <!--<span class="se_span">打款日期:{{data.order.date}}</span><br>-->
                    <span class="se_span lit_grey">到账时间由您设置的付款方式决定，支付宝为一个工作日到账，网银为1-7个工作日到账</span>
                    <span class="se_span lit_grey">方可与</span>
                </li>
                <li class="mui-table-view-cell infraCell ">
                    <span class="span_left">订单收入总计：</span>
                    <span class="span_right orange">￥800</span>
                </li>
            </ul>

        </div>

    </main>

    <footer class="pub_foot" v-show="" hidden>
        <span class="fxj-title"></span>
    </footer>
</main>
@import "js.html"
<script src="../lib/js/city.js"></script>

<script src="../script/jquery.js"></script>
<script src="../script/mobileSelect.js"></script>
<script src="../script/settle_detail.js"></script>
</body>

@import "footer.html"